<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/index.css" />
<script type="text/javascript" src="js/html5shiv.min.js"></script>
</head>
<body>
<!--头部-->
<div class="fixed absolute">
	<div class="black"></div>
	<header class="Head_title">
		<div class="wrap clearFix">
			<h1 class="logo">
				<a href="#">
					<img src="img/logo.png" />
				</a>
			</h1>
			<ul class="List">
				<li >
					<a class="nav" href="index.html">首页</a>
				</li>
				<li class="drop-menu">
					<p><a class="nav" href="privilege.html">特权与等级</a></p>
					<div class="growup">
						<div class="mask"></div>
						<p class="wrap grade clearFix">
							<a href="privilege.html">成长等级</a>
							<a href="#">全部特权</a>
						</p>
					</div>
				</li>
				<li>
					<a class="nav" href="active.html">最新活动</a>
				</li>
				<li id="active">
					<a class="nav" href="annualFee.html">年费专区</a>
				</li>
				<li>
					<a class="nav" href="paybag.html" target="_blank">付费音乐包</a>
				</li>
			</ul>
			<p class="login">
				您还没有登录，<a href="#">马上登录</a>
			</p>
		</div>
	</header>
</div>
<section class="Head" id="fee_Head">
	<!--头部轮播图-->
	<div class="wrap winner clearFix">
		<h2 class="line clearFix">
			<span class="line_left"></span>
			<strong class="strong">年费绿钻豪华版</strong>
			<span class="line_right"></span>
		</h2>
		<p class="power">王者特权，至高无上</p>
		<a class="open_btn" href="#">开通绿钻豪华版</a>
	</div>
</section>
<!--页面主题-->
<main>
	<div class="wrap clearFix" id="detail">
		<h2 class="line clearFix">
			<span class="line_left"></span>
			<strong class="strong">年费绿钻独享特权</strong>
			<span class="line_right"></span>
		</h2>
		<ul class="sale clearFix">
			<li>
				<span class="sale_s1"></span>
				<p >每日15点绿钻成长值</p>
			</li>
			<li>
				<span class="sale_s2"></span>
				<p>点亮年费绿钻图标</p>
			</li>
			<li>
				<span class="sale_s3"></span>
				<p>功能大提升 直接享受LV5特权</p>
			</li>
			<li>
				<span class="sale_s4"></span>
				<p>支付一年年费 奖励200点成长值</p>
			</li>
			<li>
				<span class="sale_s5"></span>
				<p>赠送好友背景音乐有效期翻倍</p>
			</li>
			<li>
				<span class="sale_s6"></span>
				<p>200元生活福利特权</p>
			</li>
		</ul>
	</div>
	<section class="manner">
		<div class="wrap">
			<ul class="mannerList clearFix">
				<li class="way">
						<a class="way_ico way_ico1" href="#"></a>
						<div class="way_hide">
							<a href="#">年费绿钻豪华版用户是一次性购买一年（12个月）及以上绿钻豪华版业务的用户。年费绿钻豪华版不仅享受现有绿钻豪华版和年费付费音乐包的所有特权，还将尊享独一无二的年费用户尊贵体验</a>
							<span></span>
						</div>
						<h4>最尊贵服务体验</h4>
						<p>开通年费更划算</p>
				</li>
				<li class="way">
						<a class="way_ico way_ico2" href="#"></a>
						<div class="way_hide">
							<a href="#">目前开通年费绿钻Q点/Q币资费为180Q币，使用网银/财付通享受优惠折扣： 财付通方式开通，享受9.5折优惠，资费为180元*0.95=171元，开通1年省9元，开通2年省18元。</a>
							<span></span>
						</div>
						<h4>支付方式</h4>
						<p>使用网银/财付通享受优惠折扣</p>
				</li>
				<li class="way">
						<a class="way_ico way_ico3" href="#"></a>
						<div class="way_hide">
							<a href="#">绿钻豪华有效期最长为2099年12月31日，充值超过这个时段的绿钻将无法到账。</a>
							<span></span>
						</div>
						<h4>豪华绿钻有效期</h4>
						<p>VIP服务时长=充值时长</p>
				</li>
				<li class="way">
						<a class="way_ico way_ico4" href="#"></a>
						<div class="way_hide">
							<a href="#">年费绿钻豪华版用户是一次性购买一年（12个月）及以上绿钻豪华版业务的用户。年费绿钻豪华版不仅享受现有绿钻豪华版和年费付费音乐包的所有特权，还将尊享独一无二的年费用户尊贵体验</a>
							<span></span>
						</div>
						<h4>点亮专属年费图标</h4>
						<p>多平台共享专属年费图标</p>
				</li>
				<li class="way">
						<a class="way_ico way_ico5" href="#"></a>
						<div class="way_hide">
							<a href="#">年费绿钻豪华版用户是一次性购买一年（12个月）及以上绿钻豪华版业务的用户。年费绿钻豪华版不仅享受现有绿钻豪华版和年费付费音乐包的所有特权，还将尊享独一无二的年费用户尊贵体验</a>
							<span></span>
						</div>
						<h4>成长值奖励</h4>
						<p>年费豪华绿钻获赠200点成长值</p>
				</li>
			</ul>
		</div>
	</section>
</main>
<!--页面底部-->
<footer class="About">
	<div class="wrap">
		<p class="service">
			<a href="#">关于腾讯</a>
			<span>|</span>
			<a href="#">About Tencent</a>
			<span>|</span>
			<a href="#">服务条款</a>
			<span>|</span>
			<a href="#">用户服务协议</a>
			<span>|</span>
			<a href="#">广告服务</a>
			<span>|</span>
			<a href="#">腾讯招聘</a>
			<span>|</span>
			<a href="#">客服中心</a>
			<span>|</span>
			<a href="#">网站导航</a>
		</p>
		<p class="Copyright">
			<span>Copyright © 1998 - 2017 Tencent.</span>
			<a href="#">All Rights Reserved.</a>
		</p>
		<p class="culture">
			<span>腾讯公司</span>
			<a href="#">版权所有</a>
			<a href="#"> 腾讯网络文化经营许可证</a>
		</p>
	</div>
</footer>
</body>
</html>
